<!DOCTYPE html>
<html lang="en">
<head>
<title>文创汇-银行卡签约</title> <#include "/WEB-INF/comm/core.html">
<link rel="stylesheet"
	href="${request.contextPath}/res/assets/css/platform.css">
<script src="${request.contextPath}/res/assets/js/hualong/xial.js"
	type="text/javascript"></script>
<#include "/WEB-INF/comm/validate.html">
<script src="${request.contextPath}/res/js/verification-bank.js"
	type="text/javascript"></script>
</head>
<body>
	<!-- header begin -->
	<#include "/WEB-INF/comm/header.html">
	<!-- header end -->

	<!-- nav begin -->
	<div class="nav">
		<div class="yk-grid-col1 cleafix">
			<div class="logo2">
				<a href="${map.PC_URL!}"><img
					src="${map.PC_URL!}/res/assets/images/default/logo.jpg" alt=""></a>
				<span>签约平台</span>
			</div>
		</div>
	</div>
	<!-- nav end -->

	<!-- content begin -->
	<div class="content">
		<div class="yk-grid-col1" style="margin-bottom: 90px;">
			<div class="public-box">
				<div class="title clearfix">
					<span>已支持的绑卡银行9家<i>(需开通网银)</i></span>
					<p class="ft14">
						目前仅支持绑定<i class="ft14">储蓄卡</i>，建议绑定银行：<i class="ft14">重庆农村商业银行</i>
					</p>
				</div>
				<div class="bank2">
					<ul class="clearfix">
						<#list map.banks as row>
						<li><a href="javascript:void(0)" code="${row.code!}"
							class="${row.css!}" name="${row.name!}" style="cursor: default;"></a></li> </#list>
					</ul>
					<span></span>
				</div>
			</div>
			<div class="public-box">
				<div class="title clearfix">
					<span>验证银行卡信息</span>
				</div>
				<div class="zf-sr bank-nr">
					<h1>请绑定本人的银行卡，仅支持借记卡（储蓄卡）</h1>
					<form class="form" id="form" method="post">
						<input type="hidden" id="p2p_user_id" name="p2p_user_id" value="${map.p2p_user_id}"> 
						<dl>
							<dt>持卡人：</dt>
							<dd>
								<input type="text" placeholder="请填写持卡人姓名" name="cardholderName"
									id="cardholderName">
							</dd>
							<dd class="infor">
								<span class="validate-msg">错误错误</span>
							</dd>
						</dl>
						<dl>
							<dt>银行卡号：</dt>
							<dd>
								<input type="text" placeholder="请填写银行卡号" name="cardholderNo"
									id="cardholderNo">
							</dd>
							<dd class="infor">
								<span class="validate-msg">错误错误</span>
							</dd>
						</dl>
						<dl>
							<dt>银行类型：</dt>
							<dd>
								<input type="text" id="bankName" placeholder="请先填写银行卡号"
									name="bankName" readonly="readonly"> <input
									type="hidden" id="bankType" name="bankType">
							</dd>
							<dd class="infor">
								<span class="validate-msg">错误错误</span>
							</dd>
						</dl>
						<dl>
							<dt>身份证号：</dt>
							<dd>
								<input type="text" placeholder="请填写持卡人身份证号" name="idCard"
									id="idCard">
							</dd>
							<dd class="infor">
								<span class="validate-msg">错误错误</span>
							</dd>
						</dl>
						<dl>
							<dt>银行预留号码：</dt>
							<dd>
								<input type="text" placeholder="请填写银行预留手机" name="mobile"
									id="mobile" value="${map.info.mobile!}">
							</dd>
							<dd class="infor">
								<span class="validate-msg">错误错误</span>
							</dd>
						</dl>
						<dl>
							<dt>短信验证码：</dt>
							<dd>
								<input type="text" class="yzn" name="captcha" id="captcha"><a
									class="yz bky" href="javascript:void(0)" id="sendRegisterCode">获取验证码</a>
								<input type="hidden" name="seqCode" id="seqCode">
							</dd>
							<dd class="infor">
								<span class="validate-msg">错误错误</span>
							</dd>
						</dl>
						<div id="div-cqrcb" style="display: none;">
							<h1>如果是非重庆农商行银行卡，请填写开户行信息（建议选择地区分行，如重庆选择重庆分行）</h1>
							<dl>
								<dt>开户地：</dt>
								<dd>
									<select id="province" name="province">
										<option value="0">重庆</option>
									</select> <select id="city" name="city">
										<option value="0">重庆</option>
									</select>
								</dd>
								<dd class="infor">
									<span class="validate-msg">错误错误</span>
								</dd>
							</dl>
							<dl>
								<dt>选择开户支行：</dt>
								<dd>
									<input class="w380" style="cursor: pointer;" class="yh"
										id="bankBranchName" name="bankBranchName" type="text"
										readonly="readonly" /> <input id="bankBranchNo"
										name="bankBranchNo" placeholder="选择开户支行" value=""
										type="hidden">
								</dd>
								<dd class="infor">
									<span class="validate-msg">错误错误</span>
								</dd>
							</dl>
						</div>
						<p>
							<label><input type="checkbox" id="checkbox"
								name="checkbox">我已阅读并接受<a href="${map.PC_URL!}/static/paymentprotocol">《快捷支付业务网上服务协议》</a><span
								class="validate-msg">错误提示</span></label>
						</p>
						<input type="submit" id="submit" class="blue-btn" value="确定绑定">
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- content end -->

	<!-- footer begin -->
	<#include "/WEB-INF/comm/footer.html">
	<!-- footer end -->
	<div class="tanc tanc4" id="bankBranch-pop">
		<div class="tanc-nr">
			<h1>搜索开户行</h1>
			<div class="nr-xq clearfix">
				<div class="search fl">
					<input name="name" id="bankBranchSearch" type="text" value=""
						class="w267 fl"> <input name="" value=""
						style="cursor: pointer;" id="bankBranchSearchBtn" type="button"
						class="fr an">
				</div>
				<table width="455" border="0">
					<thead>
						<tr style="background: #eaf3f9;">
							<th>开户行</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody id="bankNameList">
						<tr>
							<td>中国农业银行</td>
							<td class="xz"><a href="javascript:;">选择</a></td>
						</tr>
						<tr>
							<td>中国农业银行</td>
							<td class="xz"><a href="javascript:;">选择</a></td>
						</tr>
						<tr>
							<td>中国农业银行</td>
							<td class="xz"><a href="javascript:;">选择</a></td>
						</tr>
						<tr>
							<td>中国农业银行</td>
							<td class="xz"><a href="javascript:;">选择</a></td>
						</tr>
						<tr>
							<td>中国农业银行</td>
							<td class="xz"><a href="javascript:;">选择</a></td>
						</tr>
						<tr>
							<td>中国农业银行</td>
							<td class="xz"><a href="javascript:;">选择</a></td>
						</tr>
						<tr>
							<td>中国农业银行</td>
							<td class="xz"><a href="javascript:;">选择</a></td>
						</tr>
					</tbody>
				</table>
			</div>
			<a href="javascript:void(0)" class="close"></a>
		</div>
		<div class="tanc-bg"></div>
	</div>
	<#include "/WEB-INF/comm/pop.html">
</body>
</html>